<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="index.css" type="text/css">
</head>

<body>
    <div class="boss">
        <!-- title -->
        <div class="title">
            <img src="image/swiper1.png" class="swiperimg">
            <div class="t-content">
                <img src="image/title.png" class="titleimg">
                <ul>
                    <li><a href="../马克思主义/index.html">首页</a></li>
                    <li><a href="../马克思主义/general.html">部门概况</a></li>
                    <li><a href="../马克思主义/team.html">师资队伍</a></li>
                    <li>思政建设</li>
                    <li>红馆</li>
                    <li>心理健康教育中心</li>
                    <li>科学教研</li>
                    <li>学生社团</li>
                </ul>
            </div>
            <input type="text" placeholder="请输入关键词搜索">
            <img src="image/search.png" class="searchimg">
        </div>
        <!-- 新闻公告 -->
        <div class="new">
            <div class="new-content">
                <div class="new-title">
                    <div>新闻公告</div>
                    <div>XIN WEN GONG GAO</div>
                </div>
                <div class="new-top">
                    <div class="new-left">
                        <img src="image/new.png">
                    </div>
                    <div class="new-right">
                        <div>"为党育人 为国育才"————9位法大教师倾情讲述育人故事</div>
                        <div></div>
                        <div>2022-11-02</div>
                        <div>三尺讲台育英才，一方舞台展风采。“课比天大，是一幅字、一块匾，是心照不宣的默契三尺讲台育英才，一方舞台展风采课比天大，是一幅字、一块匾，是心照不宣的默契....
                        </div>
                    </div>
                </div>
                <div class="new-bottom">
                    <div class="new-bottom-content">
                        <a href="">
                            <div>"为党育人 为国育才"——9位法大教师倾情讲述育</div>
                            <div>三尺讲台育英才，一方舞台展风采。“课比天大，是一幅字、一块匾，是心照不宣的默契三尺讲台育英才...
                            </div>
                            <div>2022-11-02</div>
                        </a>
                    </div>
                    <div class="new-bottom-content">
                        <a href="">
                            <div>"为党育人 为国育才"——9位法大教师倾情讲述育</div>
                            <div>三尺讲台育英才，一方舞台展风采。“课比天大，是一幅字、一块匾，是心照不宣的默契三尺讲台育英才...
                            </div>
                            <div>2022-11-02</div>
                        </a>
                    </div>
                    <div class="new-bottom-content">
                        <a href="">
                            <div>"为党育人 为国育才"——9位法大教师倾情讲述育</div>
                            <div>三尺讲台育英才，一方舞台展风采。“课比天大，是一幅字、一块匾，是心照不宣的默契三尺讲台育英才...
                            </div>
                            <div>2022-11-02</div>
                        </a>
                    </div>
                </div>
                <div class="more">
                    <div>查看更多</div>
                    <img src="image/右箭头.png">
                </div>
            </div>
        </div>
        <!-- 党建引领 -->
        <div class="leader">
            <div class="leader-content">
                <div class="leader-title">
                    <div>党建引领</div>
                    <div>DANG JIAN YIN LING</div>
                </div>
                <div class="leader-boottom">
                    <div class="leader-bottom">
                        <div class="leader-bottom1">
                            <img src="image/leader.png">
                        </div>
                        <div class="leader-bottom2">
                            <div class="leader-bottom2-left">
                                <div>02</div>
                                <div>2022-11</div>
                            </div>
                            <div class="leader-bottom2-right">
                                关于举办第二届(2022年)烟台市乡村面艺关于举办第二届(2022年) 烟台市乡村面艺......
                            </div>
                        </div>
                    </div>
                    <div class="leader-bottom">
                        <div class="leader-bottom1">
                            <img src="image/leader.png">
                        </div>
                        <div class="leader-bottom2">
                            <div class="leader-bottom2-left">
                                <div>02</div>
                                <div>2022-11</div>
                            </div>
                            <div class="leader-bottom2-right">
                                关于举办第二届(2022年)烟台市乡村面艺关于举办第二届(2022年) 烟台市乡村面艺......
                            </div>
                        </div>
                    </div>
                    <div class="leader-bottom">
                        <div class="leader-bottom1">
                            <img src="image/leader.png">
                        </div>
                        <div class="leader-bottom2">
                            <div class="leader-bottom2-left">
                                <div>02</div>
                                <div>2022-11</div>
                            </div>
                            <div class="leader-bottom2-right">
                                关于举办第二届(2022年)烟台市乡村面艺关于举办第二届(2022年) 烟台市乡村面艺......
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="more">
                <div>查看更多</div>
                <img src="image/右箭头.png">
            </div>
        </div>
        <!-- 教研动态 -->
        <div class="educt">
            <img src="image/educt1.png" class="eductimg">
            <div class="educt-content">
                <div class="educt-title">
                    <div>教研动态</div>
                    <div>JIAO YAN DONG TAI</div>
                </div>
                <div class="educt-bottom">
                    <div class="educt-bottom-left">
                        <img src="image/educt2.png">
                    </div>
                    <div class="educt-bottom-right">
                        <div class="educt-text">
                            <ul>
                                <li>"为党育人 为国育才"</li>
                            </ul>
                            <div>2022-11-02</div>
                        </div>
                        <div class="educt-text">
                            <ul>
                                <li>"为党育人 为国育才"</li>
                            </ul>
                            <div>2022-11-02</div>
                        </div>
                        <div class="educt-text">
                            <ul>
                                <li>"为党育人 为国育才"</li>
                            </ul>
                            <div>2022-11-02</div>
                        </div>
                        <div class="educt-text">
                            <ul>
                                <li>"为党育人 为国育才"</li>
                            </ul>
                            <div>2022-11-02</div>
                        </div>
                        <div class="educt-text">
                            <ul>
                                <li>"为党育人 为国育才"</li>
                            </ul>
                            <div>2022-11-02</div>
                        </div>
                    </div>
                </div>
                <div class="more">
                    <div>查看更多</div>
                    <img src="image/右箭头.png">
                </div>
            </div>
        </div>
        <!-- 社会服务 -->
        <div class="serve">
            <div class="serve-content">
                <div class="serve-title">
                    <div>社会服务</div>
                    <div>SHE HUI FU WU</div>
                </div>
                <div class="serve-bottom">
                    <div class="serve-bottom-left">
                        <div class="serve-left1">
                            <img src="image/serve1.png" alt="">
                        </div>
                        <div class="serve-left2">
                            <div>形势与政策报告会之“新东欧地缘政治冲突及...</div>
                            <div>形势与政策报告会之“新东欧地缘政治冲突及形势与政策报告会之“新东欧地缘\政治冲突及形势与政策报告会之“新东欧地缘政治冲突及…</div>
                            <div>
                                <img src="image/serve4.png" alt="">
                            </div>
                            <div>2022-09-29</div>
                        </div>
                    </div>
                    <div class="serve-bottom-right">
                        <div class="serve-right1">
                            <img src="image/serve2.png" alt="">
                            <div>红馆</div>

                        </div>
                        <div class="serve-right2">
                            <img src="image/serve3.png" alt="">
                            <div>心理健康中心</div>
                        </div>
                    </div>
                </div>
                <div class="more">
                    <div>查看更多</div>
                    <img src="image/右箭头.png">
                </div>
            </div>
        </div>
        <!-- 主题活动 -->
        <div class="active">
            <div class="active-content">
                <div class="active-title">
                    <div>主题活动</div>
                    <div>ZHU TI HUO DONG</div>
                </div>
                <div class="active-bottom">
                    <div class="active1">
                        <img src="image/active1.png">
                        <div>山东城院“五心工程”温暖校园</div>
                        <div>3月24日，一场别开生面的“平台通过网络直播的形式拉开帷幕...</div>
                    </div>
                    <div class="active2">
                        <img src="image/active2.png">
                        <div>划重点!一图读懂山东城院“十四五”发展规划</div>
                        <div>3月20日下午，烟台市高新区管委副主任李如鹏、市教育局高新区分局...</div>
                    </div>
                    <div class="active3">
                        <img src="image/active2.png">
                        <div>划重点!一图读懂山东城院“十四五”发展规划</div>
                        <div>3月20日下午，烟台市高新区管委副主任李如鹏、市教育局高新区分局...</div>
                    </div>
                    <div class="active4">
                        <img src="image/active2.png">
                        <div>划重点!一图读懂山东城院“十四五”发展规划</div>
                        <div>3月20日下午，烟台市高新区管委副主任李如鹏、市教育局高新区分局...</div>
                    </div>
                </div>
                <div class="more">
                    <div>查看更多</div>
                    <img src="image/右箭头.png">
                </div>
            </div>
        </div>
        <!-- 马院风采 -->
        <div class="mien">
            <div class="mien-title">
                <div>马院风采</div>
                <div>MA YUAN FENG CAI</div>
            </div>
            <div class="mien-top">
                <img src="image/mien1.jpeg">
                <img src="image/mien2.jpeg">
                <img src="image/mien3.jpeg">
                <img src="image/mien4.jpeg">
                <img src="image/mien5.jpeg">
                <img src="image/mien6.jpeg">
            </div>
            <div class="mien-content">
                <div class="mien-content-left">友情链接:</div>
                <div class="mien-content-right">
                    <div>山东教育局</div>
                    <div>山东教育局</div>
                    <div>山东教育局</div>
                    <div>山东教育局</div>
                    <div>山东教育局</div>
                    <div>山东教育局</div>
                    <div>山东教育局</div>
                    <div>山东教育局</div>
                    <div>山东教育局</div>
                </div>
            </div>
            <div class="mien-bottom">
                <div class="mien-bottom-content">
                    <img src="image/title.png" class="titleimg">
                    <div>地址：山东省烟台市高新区海天路1001号</div>
                    <div>办公室电话：0535-293876</div>
                    <img src="image/ma.png" class="maimg">
                </div>
            </div>
            <div class="mien-grey"> Copyright 山东省城市服务技师学院授权所有</div>
        </div>
    </div>
</body>

</html>